/* CSS Document */@media screen and (max-width : 767px){
.hot{ display:none}
blockquote blockquote{ padding:0px; margin:auto;}

*,body{ min-height:0px; min-width:0px;}
#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}

.message{ max-width:100%; }
.message .econtent .item{ width:100%; margin:auto}
.app_top{ display:block}
#left{ display:none}
.header{ display:none}
.app_header{ display:block; background-color:#FFFFFF;}
.app_top{ height:50px; float:left; width:100%;}
#pages,#right,.box{ max-width:100%; min-height:0px;}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;  display:block; top:0px; left:0px; height:50px; 
}
/*.app_header img{ height:50px;}*/
.box,.box1,.box2{ max-width:100%;min-width:0px;}
	.app_header .app_logo{ width:180px;  float:left;  }
	
.app_header .app_logo img{ max-width:100%; height:50px;}
	.app_header .morenav{ float:right; display:block; background:#E70103; color:#FFFFFF; width:40px; text-align:center; line-height:40px; height:40px; margin-top:5px; margin-right:10px;}

	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}
#flash{ clear:both}
#main,#main1,#main2{ background:none;}
#right{
	width:96%;
	background-color: #FFFFFF;
	margin-right: 2%;
	margin-left: 2%;
	float: left; 
}
#postion{

}
#cms .list,.pro .list{
	width:48%;
	margin-right: 1%;
	margin-left: 1%;
}
#cms .list .img,.pro .list .img{ width:100%; height:auto;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}
#cms .list .img img,.pro .list .img img{ height:130px;}
#cms .li .ntitle{ width:100%;}
#cms .li .time{ display:none}

.qrcode{ display:none}
#foot1 .flx{ width:96%; margin-left:2%; margin-right:2%;}
#foot1 .message{width:96%; margin-left:3%; margin-right:1%;}
#foot1 .kuaijie b{ margin-left:15px;}
.tv{ height:auto;padding-bottom:30px; margin-top:20px; float:left; width:100%; clear:both; margin-bottom:0px;}
.tv .videos{ width:100%; height:auto}
.tv .videos *{ max-width:100%;height:auto }
.tv .fr{ float:left; width:100%;}
.tv .fr .pronav{ width:100%; }
.tv .fr .pronav .etitle{ font-size:24px; text-align:center}
.tv .fr .pronav .entitle{ font-size:24px; text-align:center}
.tv .fr .pronav ul{ padding-top:20px; width:96%; margin-left:2%; margin-right:2%;}
.two{ margin-top:0px; padding-top:0px;}
.two .boxsx{ margin:auto; width:100%; margin-top:20px;}
.two .boxsx .potext img{ height:180px;}
.two .boxsx .potext .ty .tee a{ width:50%;}
#cms .prolist,#cms .prolist:nth-child(2n),#cms .prolist:nth-child(2n+1){ width:100%;  margin-left:0px; margin-right:0px; float:left;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:100%;

}
#cms .prolist .right{ clear:both; margin-left:0px;float: left;
	width: 98%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; margin-left:1%;}
	
	 .imgbox .img,
.videos video{ height:auto; min-height:100px;}
.two .boxsx .text{ clear:both; position:relative; bottom:auto; left:auto;}
}